*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.body{ width: 7.5rem; margin: 0 auto; }
.bodyBG{ background: #f2f2f2; }
input,button,select{ outline: none; }
.hr{ height: .3rem; width: 100%; }
.hrBG1{ background: #f2f2f2;}
.pad{ padding: 0 .25rem; }
.nullbox{ height: 1.25rem; width: 100%; }

/*dealer*/
.pageheader{ 
	width: 100%; 
	height: 1rem;
	line-height: 1rem; 
	text-align: center;
	position: relative;
	font-size: .4rem;
	font-weight: bold;
	padding: 0 .25rem;
	border-bottom: 1px solid #e2e2e2;
}
.return{
	display: block;
	width: .5rem;
	height: 1rem;
	background: url(../image/icon/icon-006.png) no-repeat left;
	background-size: .18rem;
	position: absolute;
	top: 0;
	left: .25rem;
}
.detailheader{
	height: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .25rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.detailheader .retue{
	display: block;
	width: .6rem;
	height: 1rem;
	background: url(../image/icon/icon-006.png) no-repeat left;
	background-size: .18rem;
}
.detailheader .sharelink{
	display: block;
	width: .6rem;
	height: 1rem;
	background: url(../image/icon/icon-018.png) no-repeat right;
	background-size: .31rem;
}
.detban{
	height: auto;
	overflow: hidden;
	position: relative;
}
.detban, .daimg{ width: 100%; font-size: 0; }
.login{
	height: 100%;
	width: 100%;
	background: red;
	background: url(../image/dealer/img-001.jpg) no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loginCnt{
	width: 100%;
	padding: 0 .6rem;
}
.loginCnt h2{
	text-align: center;
	font-size: .7rem;
	color: #fff;
	margin-bottom: 1.6rem;
}
.loginlist{
	height: 1rem;
	border-bottom: 1px solid #919e9e;
}
.loginlist span{
	display: block;
	width: .7rem;
	height: 1rem;
	float: left;
}
.loginlist span.icnbg1{
	background: url(../image/icon/icon-037.png) no-repeat left;
	background-size: .4rem;
}

.loginlist span.icnbg2{
	background: url(../image/icon/icon-038.png) no-repeat .05rem;
	background-size: .3rem;
}
.loginlist input{
	display: block;
	width: 5.58rem;
	float: left;
	height: 1rem;
	color: #fff;
	font-size: .3rem;
}
.loginlist input::-webkit-input-placeholder{ color: #fff;}
.wjpwd{ text-align: right; margin-top: .3rem; }
.wjpwd a{ color: #979090; }
.logBnt{ margin-top: .7rem; }
.logBnt input{
	height: 1rem;
	color: #fff;
	background: #13ccc6;
	border-radius: 4px;
	width: 100%;
	font-size: .32rem;
}
.forpw{
	border-bottom: 1px solid #e2e2e2;
	position: relative;
}
.forpw input{
	width: 100%;
	height: 1rem;
	font-size: .3rem;
}
.forpw a{
	display: block;
	height: .66rem;
	line-height: .66rem;
	/* background: #29dc8e; */
	color: #fff;
	position: absolute;
	top: .17rem;
	right: 0;
	padding: 0 .35rem;
	border-radius: 2px;
}
.fortxt{
	line-height: 1rem;
	color: #999;
	border-bottom: 1px solid #e2e2e2;
}
.muzil{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: .7rem;
}
.muzilimg{
	width: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
	margin: auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: .08rem solid #5de3d3;
}
.muzilimg img{ width: 1.5rem; height: 1.5rem;}
.nuget{
	text-align: center;
	font-size: .3rem;
	color: #fff;
	margin-top: .15rem;
}
.datit{
	margin: auto;
	line-height: 1rem;
	background: #fff;
	padding: 0 .25rem;
}
.datit a{
	display: block;
	width: 100%;
	background: url(../image/icon/icon-029.png) no-repeat right;
	background-size: .1rem;
	border-bottom: 1px solid #e5e5e5;
}
.datlist{
	height: 1.8rem;
	padding: 0 .25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}
.datlist > a{
	display: block;
	text-align: center;
}
.datlist > a > p{ 
	width: 100%;
	height: .5rem;
	text-align: center;
	position: relative;
}
.datlist > a > p img{ width: .4rem; }
.datlist > a > p em{
	display: block;
	width: .34rem;
	height: .34rem;
	border-radius: 50%;
	text-align: center;
	line-height: .3rem;
	color: #ff5837;
	border: 1px solid #ff5837;
	position: absolute;
	top: -.2rem; right: -.1rem;
	font-size: .22rem;
}
.datlist > a > span{ display: block; margin-top: .06rem; }
.adelina{
	background: #fff;
	padding: 0 .25rem;
	height: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.adelina > a{
	display: block;
	text-align: center;
}
.adelina > a > p{  width: 100%; height: .6rem;}
.adelina > a > p img{ width: .5rem; }
.adelina > a > span{ display: block; margin-top: .06rem; }

.scafoter{
	height: 1rem;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 0 .25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.scafoter > a{ 
	color: #919191;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1rem;
}
.scafoter > a span{
	display: block;
	width: .32rem;
	height: .32rem;
	background: url(../image/dealer/img-004.png) no-repeat;
	background-size: 1.28rem .64rem;
	margin-right: .1rem;
}
.scafoter > i{
	display: block;
	height: .4rem;
	border-left: 1px solid #ebebeb;
}
.scafoter > a:nth-child(1) span{ background-position-x: 0; background-position-y: 0;}
.scafoter > a:nth-child(2) span{ background-position-x: -.32rem; background-position-y: 0;}
.scafoter > a:nth-child(3) span{ background-position-x: -.64rem; background-position-y: 0;}
.scafoter > a:nth-child(4) span{ background-position-x: -.96rem; background-position-y: 0;}
.scafoter > a.scftOn{ color: #13ccc6; }
.scafoter > a.scftOn span{ background-position-y: -.32rem; }

.persli{
	height: 1.1rem;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .3rem;
}
.persli > a{
	width: 100%;
	height: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

.personimg{
	width: .64rem;
	height: .64rem;
	overflow: hidden;
	border-radius: 50%;
}
.persotx{
	display: flex;
	justify-content: center;
	align-items: center;
}
.personimg img{
	width: .64rem;
	height: .64rem;
}
.persotx i{
	display: block;
	height: 1.1rem;
	width: .1rem;
	background: url(../image/icon/icon-029.png) no-repeat center;
	background-size: .1rem;
	margin-left: .12rem;
}
.persli > a > em{
	display: flex;
	height: 1.1rem;
	width: .1rem;
	background: url(../image/icon/icon-029.png) no-repeat center;
	background-size: .1rem;
}

.odlist{
	height: .8rem;
	padding: 0 .25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.odlist a{
	border-bottom: 2px solid #fff;
	padding: .18rem .25rem;
}
.odlist a.ordliOn{ border-bottom: 2px solid #2cbaa8; color: #2cbaa8;}

.derli{
	height: auto;
	overflow: hidden;
	border-bottom: .3rem solid #f2f2f2;
}
.der_n1{
	height: .94rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .25rem;
}
.der_n1 span{ color: #999; }
.der_n2{
	height: auto;
	overflow: hidden;
	padding: 0 .25rem;
}
.derimg{
	width: 1.6rem;
	height: 1.6rem;
	float: left;
	overflow: hidden;
	border-radius: 4px;
}
.derimg img{ width: 1.6rem; height: 1.6rem;}
.deright{
	width: 5.2rem;
	float: right;
}
.deright > a{ display: block; font-size: .3rem; font-weight: bold; }
.derone, .dertwo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .2rem;
}
.derone span{ color: #999; }
.derone em{ font-size: .3rem; }
.dertwo span{ color: #999; }
.dertwo em{ color: #999; text-decoration: line-through; }
.der_n3{
	height: .64rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .25rem;
	margin: .25rem 0;
}
.der_n3 p{ font-size: .24rem; color: #666;}
.der_n3 p span{ font-size: .32rem; color: #000; }
.der_n3 a.alink1{
	display: block;
	height: .64rem;
	padding: 0 .22rem;
	background: #2cbaa8;
	color: #fff;
	border-radius: 3px;
	line-height: .61rem;
	float: left;
	margin-left: .2rem;
}
.der_n3 a.alink2{
	display: block;
	height: .64rem;
	padding: 0 .22rem;
	border-radius: 3px;
	line-height: .61rem;
	float: left;
	border: 1px solid #d8d8d8;
	color: #5e5e5e;
	border-radius: 3px;
	margin-left: .2rem;
}
.deltit{
	height: .6rem;
	padding: 0 .25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .38rem;
	font-weight: bold;
	margin-top: .34rem;
}
.delmony{ 
	font-size: .36rem; 
	color: #ff3a20; 
	padding: 0 .25rem; 
	margin-top: .04rem;
	border-bottom: .14rem solid #f5f5f5;
	padding-bottom: .3rem;
} 
.modeli{
	height: 1rem;
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #747474;
	font-size: .3rem;
}
.modeli p{
	color: #ff3a20;
	font-size: .24rem;
}
.modeli p i{
	font-style: normal;
	font-size: .32rem;
}
.modeft{
	height: 1.14rem;
	width: 7.5rem;
	position: fixed;
	left: 50%;
	margin-left: -3.75rem;
	bottom: 0;
	border-top: .14rem solid #f5f5f5;
	background: #fff;
}
.modeft a{ display: block; float: left; }
.midl1{
	width: 5rem;
	line-height: 1rem;
	text-align: center;
}
.midl2{
	width: 2.5rem;
	text-align: center;
	line-height: 1rem;
	background: #13ccc6;
	color: #fff;
}
.retudes{
	margin-top: .3rem;
}
.retudes textarea{
	font-family: "微软雅黑";
	outline: none;
	width: 100%;
	height: 1.9rem;
	border-bottom: 1px solid #e5e5e5;
	resize: none;
}
.retdelist{
	height: auto;
	overflow: hidden;
}
.retdelist ul, .retdelist ul li, .licimg{ float: left; }
.retdelist ul li, .retdelist ul li img, .licimg, .licimg img{ width: 1.76rem; height: 1.76rem; }
.retdelist ul li, .licimg{
	border-radius: 4px;
	overflow: hidden;
	margin: .2rem .25rem 0 0;
	border: 1px solid #ececec;
}

.statis{
	width: 100%;
	height: 2.2rem;
	background: url(../image/dealer/img-007.jpg) no-repeat center;
	background-size: 7.5rem 2.2rem;
	color: #fff;
	padding: 0 .25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stali p{ font-size: .3rem; }
.stali span{ font-size: .6rem; }
.statit{
	height: .9rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .25rem;
	background: #f2f2f2;
}
.statit span{
	display: block;
	width: .32rem;
	height: .32rem;
	background: url(../image/icon/icon-046.png) no-repeat center;
	background-size: .32rem;
}
.stalie ul li{
	height: 1.5rem;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .25rem;
}
.stalieimg, .stalieimg img{
	width: .8rem;
	height: .8rem;
}
.stalieimg{
	border-radius: 50%;
	overflow: hidden;
}
.stalie_l{
	display: flex;
	align-items: center;
	height: 1.5rem;
}
.stalietxt{ margin-left: .15rem; }
.stalietxt span{ display: block; color: #9b9b9b; margin-top: .04rem; }
.stalie_r{ text-align: right; }
.stalie_r p{ font-size: .34rem; }
.stalie_r span{ color: #9b9b9b; display: block; margin-top: .04rem; }
.persliToo{ border-bottom: none; font-size: .3rem;}
.persliToo span{ color: #848484; }
.persliToo p{ color: #292929; }
.yuesmon{ text-align: center; padding: 1rem 0; }
.yuesmon p{ font-size: .6rem; }
.yuesmon span{ display: block; font-size: .3rem; color: #aaa; margin-top: .1rem; }
.feure{ margin-top: .4rem; color: #333; }
.feure span{ color: #e82cb7; padding-left: .1rem; }
.modeli > a{
	color: #747474;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 1rem;
}
.biIcon{
	background: url(../image/icon/icon-029.png) no-repeat right;
	background-size: .1rem;
	padding-right: .2rem;
}
.modeft input{
	width: 100%;
	height: 1rem;
	background: #13ccc6;
	color: #fff;
	font-size: .3rem;
}
.biali{
	height: 1.1rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
}
.biali span{
 	color: #414141;
 	font-size: .3rem;
 }
.biali input{
	line-height: 1.1rem;
	text-align: right;
	font-size: .3rem;
	width: 5rem;
}
.fotadh{
	position: absolute;
	top: .3rem;
	right: .25rem;
	display: block;
	width: .4rem;
	height: .4rem;
	background: url(../image/icon/icon-047.png) no-repeat center;
	background-size: .4rem;
}
.tabshy table{ width: 100%; }
.tabshy table tr{ border-bottom: 1px solid #d9d9d9; }
.tabshy table tr td{ text-align: center; padding: .35rem 0; color: #686868; font-size: .26rem;}
.tabshy table tr td a{ color: #13ccc6; }
.selelnk{
	height: .6rem;
	display: flex;
	align-items: center;
	color: #5b5b5b;
	margin: .4rem 0;
}
.selelnk label{
	display: block;
	background: url(../image/icon/icon-035.png) no-repeat left;
	background-size: .4rem;
	padding-left: .54rem;
	height: .5rem;
	line-height: .5rem;
	cursor: pointer;
}
.selelnk label input{ display: none; }
.selelnk a{
	display: block;
	height: .5rem;
	line-height: .5rem;
	color: #5b5b5b;
	margin-left: .4rem;
}
.selelnk label.selelnkOn{
	background: url(../image/icon/icon-036.png) no-repeat left;
	background-size: .4rem;
}